@import "module/base.less";

body {
  background-color: #1b1b1b;
}

#map {
  position: absolute;
  top: 0;
  left: 10%;
  right: 0;
  bottom: 0;
}

.top5 {
  width: 23%;
  height: 60%;
  top: 5%;
  left: 1%;
  position: absolute;
  ul {
    width: 100%;
    height: 100%;
    li {
      width: 100%;
      position: relative;
      font-size: 26px;
      height: 42px;
      line-height: 42px;
      margin: 5px 0 0 0;
      span.li-bg {
        position: absolute;
        display: block;
        height: 100%;
        background: #141a29;
      }
      .li-con {
        color: #838486;
        width: 100%;
        z-index: 1;
        position: absolute;
        b {
          font-weight: normal;
          float: right;
        }
      }
    }

  }
}

@media screen and(min-width: 480px)and(max-height: 600px) {
  .top5 {
    ul {
      li {
        height: 2em;
        line-height: 3em;
        font-size: 12px;

      }

    }
  }
  .realtime-table {
    table {
      tr {
        td {
          font-size: 12px!important;
          line-height: 24px!important;
        }
      }
    }
  }
}

.realtime-table {
  width: 50%;
  bottom: 0%!important;
  position: absolute;
  table {
    tr {
      td {
        font-size: 24px;
        line-height: 40px;
        text-align: center;
      }
    }
  }
}

.tv-logo {
  position: absolute;
  z-index: 9;
  width: 13%;
  left: 2%;
  top: 2%;
}